<template>
  <div>
    <h1>
      Show keyboard without user focus and select text:
    </h1>
    <p>
      <button id='focus-button' @click="click">
        click
      </button>
      <button id='focus-test-button1'>
        click2
      </button>
    </p>
    <div style="width: 100%;height: 100px"></div>
    <input id='focus-test-input' type='text'  placeholder="test" style="background: black;color: white">
  </div>
</template>

<script>
export default {
  name: "Test",
  created() {
    //<![CDATA[
  },
  methods: {
    click() {
      let input = document.getElementById('focus-test-input');
      input.click()
      input.focus()
    }
  }
}
</script>

<style scoped>

</style>